<script setup lang='ts'>
import { storeToRefs } from 'pinia'
import { useMapEditStore } from '~/stores'

const { map } = storeToRefs(useMapEditStore())
</script>

<template>
  <div flex-center space-x-8>
    <div flex-center flex-col>
      <div select-none of-hidden>
        <div v-for="row, r in map" :key="r" flex>
          <MapBlock v-for="col, c in row" :key="c" :pos="{ x: c, y: r }" :value="col" />
        </div>
        <slot />
      </div>
      <EleSelect />
    </div>
    <div wh-100 border>
      json
    </div>
  </div>
</template>

<style scoped lang='scss'>
</style>
